<!doctype html>
<html>
    <head>
        <title>幻城</title>
        <meta name="keywords" content="幻城">
        <meta name="description" content="幻城">
        <meta name="format-detection" content="telephone=no" />
        <meta name="format-detection" content="address=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/index.less">
        <script type="text/javascript">
            document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
        </script>
    </head>

    <body>
        <div id="forhorview">
            <p>推荐使用竖屏浏览哦~</p>
        </div>
        <div class="g-wrap">
            <div class="page">
                 <div id="framesBox">
                     <video id="video1" width="1" height="1"  src="http://hc.yhres.cn/mv/video1.mp4" webkit-playsinline preload="preload"></video>
                     <video id="video2" width="1" height="1"  src="http://hc.yhres.cn/mv/video2.mp4" webkit-playsinline preload="preload"></video>
                </div>
            </div>
            <div class="first-page">
                <div class="phone-top"></div>
                <div class="hand"></div>
                <div class="phone-btns"></div>
            </div>
            <div class="phone">
                <!-- <div class="phone-head"></div> -->
                <div class="bottab"></div>
                <div id="phoneTxt"></div>
                <div id="addBtn" data-ob="0" data-key="ok"></div>
                <div id="delBtn" data-ob="0" data-key="del"></div>
                <div id="phoneBtn" class="kbtn" data-ob="1.38" data-key="call"></div>
                <div id="numn" class="kbtn" data-ob="1.38" data-key="#"></div>
                <div id="numx" class="kbtn" data-ob="1.38" data-key="*"></div>
                <div id="num0" class="kbtn" data-ob="1.38" data-key="0"></div>
                <div id="num9" class="kbtn" data-ob="1.38" data-key="9"></div>
                <div id="num8" class="kbtn" data-ob="1.38" data-key="8"></div>
                <div id="num7" class="kbtn" data-ob="1.38" data-key="7"></div>
                <div id="num6" class="kbtn" data-ob="1.38" data-key="6"></div>
                <div id="num5" class="kbtn" data-ob="1.38" data-key="5"></div>
                <div id="num4" class="kbtn" data-ob="1.38" data-key="4"></div>
                <div id="num3" class="kbtn" data-ob="1.38" data-key="3"></div>
                <div id="num2" class="kbtn" data-ob="1.38" data-key="2"></div>
                <div id="num1" class="kbtn" data-ob="1.38" data-key="1"></div>
                <div class="poptips">请输入手机号码</div>
                <div class="tips1">
                    输入11位手机号，<br>马天宇立刻给你打电话！
                </div>
                <div class="tips2"></div>
            </div>
            <div class="last-page">
                <a class="yuyue-link" href="http://u.360.cn/hc"></a>
            </div>
            <div class="load-mark">
                <div class="load-icon1"></div>
                <div class="load-icon2"></div>
                <i>0%</i>
                <div class="btn">进入直播间</div>
            </div>
            <div class="phone-call">
                <div class="phone-num">马天宇</div>
                <div class="time">北京</div>
                <div class="phone-bg"></div>
                <div class="poptips">这个按钮坏掉了</div>
                <div class="icons"></div>
                <div class="startBtn"></div>
                <div class="endBtn"></div>
            </div>

        </div>

        <div class="preload-imgs" style="display:none;">

            <img data-src="img/add.png">
            <img data-src="img/num2.png">
            <img data-src="img/num8.png">
            <img data-src="img/tips1.png">
            <img data-src="img/bottab.png">
            <img data-src="img/num3.png">
            <img data-src="img/num9.png">
            <img data-src="img/tips2.png">
            <img data-src="img/del.png">
            <img data-src="img/num4.png">
            <img data-src="img/numn.png">
            <img data-src="img/yuyue.png">
            <img data-src="img/last-page-bg.jpg">
            <img data-src="img/num5.png">
            <img data-src="img/numx.png">
            <img data-src="img/num0.png">
            <img data-src="img/num6.png">
            <img data-src="img/phone-head.png">
            <img data-src="img/num1.png">
            <img data-src="img/num7.png">
            <img data-src="img/phoneBtn.png">

            <img data-src="img/bg.jpg">
            <img data-src="img/bot.png">
            <img data-src="img/endBtn.png">
            <img data-src="img/phone-bg.png">

        </div>

        <audio style="display:none;" id="audio" src="http://hc.yhres.cn/mv/audio3.wav" preload="preload"></audio>
        <audio style="display:none;" src="http://hc.yhres.cn/mv/audio.wav" autoplay preload="preload" ></audio>

        <script charset="utf-8" type="text/javascript" src="js/lib/jquery-1.12.2.min.js"></script>
        <script charset="utf-8" type="text/javascript" src="js/lib/Tween.js"></script>
        <script charset="utf-8" type="text/javascript" src="js/lib/preloadjs-0.6.2.min.js"></script>
        <script charset="utf-8" type="text/javascript" src="js/lib/soundjs-0.6.2.min.js"></script>
        <script charset="utf-8" type="text/javascript" src="js/app/index.js"></script>
        <script>

        // $('.page, .load-mark, .first-page').hide();
        // $('.last-page').show();

        // $('.last-page .yuyue-link').click(function() {

        //     if (/iphone|ipad|ipod/i.test(navigator.userAgent)) {
        //         window.location.href = 'http://u.360.cn/hc';
        //         // window.open('https://itunes.apple.com/cn/app/huan-cheng-dian-shi-ju-zheng/id1112486478?mt=8');

        //     } else {
        //         window.location.href = 'http://u.360.cn/hc';
        //     }

        //     return false;
        // });

        </script>
    </body>

</html>
